$header_operation_box_height: 76rpx;
$footer_operation_box_height: 170rpx;
$legend_icon_height: 30rpx;
$search_bar_height: 96px;
.legend-container {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom: 20rpx;
	.legend-item {
		display: flex;
		justify-content: center;
		align-items: center;
		font-size: 24rpx;
		margin: 0 10rpx;
		.legend-item-icon {
			width: 50rpx;
			height: 30rpx;
			margin-right: 6rpx;
			border-radius: 6rpx;
		}
	}
}
.checkbox-machine-container {
	width: 100%;
	height: 300px;
	display: flex;
	flex-wrap: wrap;
	overflow: auto;
	.check-machine-item {
		width: calc(100% / 3);
		padding: 4rpx;
		box-sizing: border-box;
		.check-machine-item-inner {
			color: #fff;
			padding: 0 16rpx;
			border-radius: 8rpx;
		}
	}
}
.lt-form-item {
	height: 72rpx;
	display: flex;
	justify-content: space-between;
	margin: 10rpx 0;
	font-size: 32rpx;
	.lt-form-item-label {
		width: 160px;
		height: 100%;
		white-space: nowrap;
		display: flex;
		align-items: center;
	}
	.lt-form-item-value {
		width: calc(100% - 100px);
		height: 100%;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		text-align: right;
		background: #F3F4FF;
		border-radius: 12rpx;
		display: flex;
		align-items: center;
		justify-content: flex-end;
		padding: 0 12rpx;
		.lt-form-item-ipt {
			width: 100%;
			height: 100%;
		}
	}
	.edit-input {
		color: #2b85e4;
	}
}
.bind-machine-search-bar {
	width: 100%;
	height: $search_bar_height;
	background: #fff;
	box-shadow: 0px 0px 3px 1px #c5c8ce;
	.search-bar-row {
		height: 50%;
		display: flex;
		box-sizing: border-box;
		.search-item {
			width: 50%;
			height: 100%;
			font-size: 24rpx;
			display: flex;
			justify-content: center;
			align-items: center;
			color: #515a6e;
			border-top: solid 1px #e8eaec;
			border-right: solid 1px #e8eaec;
			box-sizing: border-box;
			white-space: nowrap;
			text-overflow: ellipsis;
			word-break: break-all;
			padding: 0 8rpx;
		}
		.search-item:last-child {
			border-right: none;
		}
	}
}
.operation-container {
	height: $header_operation_box_height;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 32rpx;
	background: #fff;
	border: solid 2rpx #e8eaec;
	border-top: none;
	box-sizing: border-box;
}
.list-container {
	width: 100%;
	height: calc(100vh - #{$footer_operation_box_height} - #{$search_bar_height} - #{$header_operation_box_height});
	padding: 28rpx 32rpx 0 32rpx;
	box-sizing: border-box;
	background-color: #f8f8f9;
	overflow: auto;
	margin-bottom: $footer_operation_box_height;
	.footer-operation-box {
		width: 100%;
		height: $footer_operation_box_height;
		background: #fff;
		display: flex;
		justify-content: center;
		align-items: center;
		position: fixed;
		bottom: 0;
		left: 0;
		padding: 0 32rpx;
		box-sizing: border-box;
		border-top: solid 1rpx #eee;
		.push-button-style {
			width: 100%;
		}
	}
	.emp-item {
		width: 100%;
		margin-bottom: 30rpx;
		border-radius: 12rpx;
		background: #fff;
		overflow: hidden;
		//box-shadow: 0px 2px 6px 1px #e8eaec;
		.emp-item-label {
			font-size: 30rpx;
			display: flex;
			align-items: center;
			.emp-item-post-name {
				font-size: 24rpx;
				color: #808695;
			}
		}
		.emp-item-groups {
			width: 100%;
			.emp-item-post-container {
				width: 100%;
				background: #fff;
				font-size: 28rpx;
				box-sizing: border-box;
				padding: 20rpx 0;
				.emp-item-post-label {
					padding: 0 24rpx;
					box-sizing: border-box;
					color: #808695;
				}
				.emp-item-post-machine-container {
					width: 100%;
					box-sizing: border-box;
					padding: 0 20rpx;
					display: flex;
					flex-wrap: wrap;
					.machine-item {
						width: calc(100% / 4);
						height: 68rpx;
						box-sizing: border-box;
						padding: 8rpx;
						margin-bottom: 4rpx;
						color: #808695;
						font-size: 24rpx;
						word-break:break-all;
						.machine-item-inner {
							width: 100%;
							height: 100%;
							border-radius: 8rpx;
							display: flex;
							justify-content: center;
							align-items: center;
							border: solid 1px #c5c8ce;
							position: relative;
							.machine-state-icon {
								width: 12rpx;
								height: 12rpx;
								margin-right: 4rpx;
								background: #2d8cf0;
							}
							.machine-item-delete {
								position: absolute;
								top: -10px;
								right: 0;
							}
						}
					}

				}
			}
		}

	}

	.list-content {
		width: 100%;
		height: 100%;
		border-radius: 8rpx;
		box-sizing: border-box;
	}
}
